<template>
    <div class="container">
       <fast-header>收货地址</fast-header>
      <div class="container-content">
      </div>
      <div class="register--button">
        <button class="button" @click="addAddress">新增地址</button>
      </div>
    </div>
</template>

<script>
  import fastHeader from '@pcpt/fast-header'
    export default {
        name: "ReceivingAddress",
      components:{fastHeader},
      methods:{
        addAddress(){
          this.$routes.push('/root/addAddress')
        }
      }
    }
</script>

<style scoped>
  *{
    margin: 0;
    padding: 0;
  }
  .container {
    background: #fff;
    width: 100vw;
    height: 100vh;
  }
  .container-content{
    border-top: 1px solid #b2b2b2;
    text-align: center;
    vertical-align: middle;
    width: 100vw;
    height: 80vh;
    background: url('../assets/icon/address_icon.png') no-repeat   center;
    background-size: 4.48rem 3.52rem;
  }
  .register--button{
    position: absolute;
    text-align: center;
    bottom: .24rem;
    left: 0;
    right: 0;

  }
  .register--button>button{
    width: 6.88rem;
    line-height: 1.1733rem;
    color: white;
    background: #3c9dfc;
    font-size: .4rem;
    border-radius: .5rem;
    outline: none;
    border: none;
  }
</style>
